/*	--------------------------------------------------
	Reveal Modals
	-------------------------------------------------- */
		.revealtit{
			height: 50px;
line-height: 50px;
font-size: 20px;
color: #FFF;
text-align: center;
border-top-left-radius:5px;
border-top-right-radius:5px;
background-color: #62ab00;}
	.reveal-modal-bg { 
		position: fixed; 
		height: 100%;
		width: 100%;
	
		/* background: rgba(0,0,0,.8); */
		opacity: 0.6;
		filter:alpha(opacity=60); 
		-moz-opacity:0.6; 
		-khtml-opacity: 0.6; 
		z-index: 10000;
		display: none;
		top: 0;
		left: 0; 
		}
	
	.reveal-modal {
		visibility: hidden;
		top: 150px; 
		left: 50%;
		background-color:#fff;
	
		width: auto;
	
		position:fixed;
		z-index: 10001;
	
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		-moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
		-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
		-box-shadow: 0 0 10px rgba(0,0,0,.4);
		}
		
	.reveal-modal iframe{ display:none;}
	.reveal-modal.small 		{ width: 200px; margin-left: -135px;}
	.reveal-modal.medium 		{ width: 400px; margin-left: -240px;}
	.reveal-modal.large 		{ width: 600px; margin-left: -340px;}
	.reveal-modal.xlarge 		{ width: 800px; margin-left: -440px;}
	
	.reveal-modal .close-reveal-modal {
		font-size: 22px;
		line-height: .5;
		position: absolute;
		top: 8px;
		right: 11px;
		color: #fff;
		text-shadow: 0 -1px 1px rbga(0,0,0,.6);
		font-weight: bold;
		cursor: pointer;
		} 
	/*
		
	NOTES
	
	Close button entity is ×
	
	Example markup
	
	<div id="myModal" class="reveal-modal">
		<h2>Awesome. I have it.</h2>
		<p class="lead">Your couch.  I it's mine.</p>
		<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In ultrices aliquet placerat. Duis pulvinar orci et nisi euismod vitae tempus lorem consectetur. Duis at magna quis turpis mattis venenatis eget id diam. </p>
		<a class="close-reveal-modal">&#215;</a>
	</div>
	
	*/
.ZP_tqk{width:415px;overflow:hidden;}
.ZP_tqk_good{width:415px; background:#fff; }
.ZP_tqk_tian{width:415px; height:39px; border-bottom:1px solid #f4f4f4; background:#fafafa; overflow:hidden;}
.ZP_tqk_mao{float:left; font-size:14px; font-weight:bold; padding:14px 0 0 10px; line-height:15px;}
.ZP_tqk_shang{float:right; width:13px; height:13px; padding:14px 10px 0 0; cursor:pointer;}
.ZP_tqk_top{width:385px; padding:22px 15px 25px 15px;}
.ZP_tqk_main{width:385px; height:39px; font-size:14px; text-align:center; border-bottom:1px solid #ededed; cursor:pointer;}
.ZP_tqk_show{float:left; width:136px; height:40px; line-height:40px; border-left:1px solid #ededed; background:#fff; margin-left:40px; display:inline;}
.ZP_tqk_inte{float:left;width:137px; position:relative; top:-40px; margin-left:-1px; border-top:2px solid #fc4501;}
.ZP_tqk_map{float:left;width:137px; position:relative; top:-40px; border-top:2px solid #fc4501;}
.ZP_tqk_new{float:left; width:136px; height:38px; line-height:38px; border:1px solid #ededed; border-bottom:1px solid none; background:#fafafa;}
.ZP_tqk_bao{width:300px; margin:0 40px;}
.ZP_tqk_hai{width:300px; height:40px; margin-top:30px; background:url(../../Public/Home/Images/tqk_01.jpg) no-repeat; position:relative;}
.ZP_tqk_kai{width:300px; height:40px; margin-top:25px; background:url(../../Public/Home/Images/tqk_01.jpg) no-repeat; position:relative;}
.ZP_tqk_lef{float:left; width:16px; height:16px; padding:11px 7px 0 8px;}
.ZP_tqk_cen{float:left; width:250px; height:16px; line-height:16px; margin-top:12px; *margin-top:13px; font-size:14px; color:#b3b3b3; border:0;}

.ZP_tqk_rig{width:300px; margin-top:36px; line-height:15px; overflow:hidden;}
.ZP_tqk_btn{float:left; *margin-left:-4px;}
.ZP_tqk_fu{float:left; padding-left:10px; *padding-top:4px;}
.ZP_tqk_fu a{text-decoration:underline;}
.ZP_tqk_xue{float:right; padding-left:10px;  *padding-top:4px;}
.ZP_tqk_xue a{ color:#0489cc;}

.ZP_tqk_hui{width:300px; height:34px; color:#fff; font-size:16px; text-align:center; line-height:34px; margin-top:15px; background:#62ab00; cursor:pointer; border-radius:2px 2px 2px 2px; box-shadow:0px 1px 2px #dbdbdb;}

.ZP_tqk_yi{width:300px; line-height:15px; padding:12px 0 40px 0; border-bottom:1px solid #ededed; overflow:hidden;}
.ZP_tqk_she{float:left; width:220px; text-align:right; color:#b2b2b2; padding-top:5px;}
.ZP_tqk_zhen{float:right; width:70px; height:24px; line-height:24px; background:#f7f7f7; border:1px solid #dadada; border-radius:2px 2px 2px 2px; cursor:pointer; color:#6c6c6c; text-align:center; font-weight:bold;}
.ZP_tqk_zhen:hover{color:#3c3c3c;}
.ZP_tqk_pin{width:300px; margin-top:18px; color:#6c6c6c; font-weight:bold; line-height:15px;}
.ZP_tqk_wang{ width:304px; height:24px; margin-top:10px; margin-bottom:20px; background:url(../../Public/Home/Images/disanfang.png) no-repeat; overflow:hidden;}
.ZP_tqk_wang a{ float:Left; display:block; width:72px; height:24px; margin-right:4px; display:inline;}
.ZP_tqk_zan{width:290px; height:20px; line-height:20px; color:#6d6e70; border:1px solid #ffbdbf; background:#ffebec; position:absolute; bottom:-21px; left:0; padding-left: 8px;}



.ZP_tqk_jie{float:left; width:136px; height:38px; line-height:38px; border:1px solid #ededed; border-bottom:1px solid none; background:#fafafa; margin-left:40px; display:inline;}
.ZP_tqk_shou{float:left; width:136px; height:40px; line-height:40px; border-right:1px solid #ededed; background:#fff;}
.ZP_tqk_bue{float:left; width:266px; height:16px; line-height:16px; margin:12px 0 0 15px; *margin-top:13px; font-size:14px; border:0;}
.ZP_tqk_hua{width:300px; margin-top:25px;}
.ZP_tqk_cao{float:left; width:120px; height:40px; background:url(../images/tqk/tqk_05.jpg) no-repeat; position:relative;}
.ZP_tqk_mu{float:left; width:90px; height:16px; line-height:16px; margin:12px 0 0 15px; *margin-top:13px; font-size:14px; border:0;}
.ZP_tqk_sen{float:left; width:120px; height:40px; padding-left:10px;}
.ZP_tqk_senxg{float:left; width:120px; height:38px; *height:36px; line-height:38px; margin-left:10px; *padding-top:2px; text-align:center; border-radius:3px 3px 3px 3px; background:#f4f4f4; display:inline; border:0; border:1px solid #d9d9d9; color:#6c6c6c; cursor:pointer;}
.ZP_tqk_ning{float:right; padding-top:14px; line-height:10px;}
.ZP_tqk_ning a{text-decoration:underline;}
.ZP_tqk_nus{width:300px; height:20px; margin-top:25px; line-height:15px; position:relative;}
.ZP_tqk_sei{width:300px; height:34px; color:#fff; font-size:16px; text-align:center; line-height:34px; margin-top:38px; background:#ff4400; cursor:pointer; border-radius:2px 2px 2px 2px; box-shadow:0px 1px 2px #dbdbdb;}
.ZP_tqk_sei:hover{background-color:#f22800;}
.ZP_tqk_nima{width:110px; height:20px; color:#6d6e70; border:1px solid #ffbdbf; background:#ffebec; position:absolute; bottom:-21px; left:0; padding-left: 8px;}
.ZP_tqk_bg{width:290px; height:25px; line-height:25px; border-radius:3px 3px 3px 3px; background:#fff;  border:1px solid #dbdbdb; position:absolute; bottom:-24px; left:0; padding-left:8px;}
.ZP_tqk_bg .pw_letter{width:102px; height:15px; line-height:15px; background:#c4c4c4; overflow:hidden; position:relative; left:65px; top:-20px;}
.ZP_tqk_bg .pw_letter1{width:102px; height:15px; line-height:15px; overflow:hidden; position:absolute; top:0; left:0;}
.ZP_tqk_bg .pw_bar{width:34px;height:15px;overflow: hidden; background-color:#f7ba00; transition: all 0.5s linear ;-webkit-transition: all 0.5s linear;-moz-transition: all 0.5s linear;-o-transition: width 0.5s linear;}
.ZP_tqk_bg .p1{width:34px;}
.ZP_tqk_bg .p2{width:68px;} 
.ZP_tqk_bg .p3{width:102px;}
.ZP_tqk_bg .pw_letter span{width:34px; text-align:center; margin-right:-1px; height:15px; float:left; display:inline; color:#FFF; border-right:1px solid #FFF; font-size:12px;}